<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const orders = [
  {
    id: 1,
    name: 'John Smith',
    address: '123 Main St',
    status: 'created',
    log: [
      {
        status: 'created',
        time: '2023-02-16 12:30:00'
      }
    ]
  },
  {
    id: 2,
    name: 'Jane Doe',
    address: '456 Second St',
    status: 'packed',
    log: [
      {
        status: 'created',
        time: '2023-02-16 10:00:00'
      },
      {
        status: 'packed',
        time: '2023-02-16 12:30:00'
      }
    ]
  },
  {
    id: 3,
    name: 'Bob Johnson',
    address: '789 Third St',
    status: 'shipped',
    log: [
      {
        status: 'created',
        time: '2023-02-15 10:00:00'
      },
      {
        status: 'packed',
        time: '2023-02-15 12:00:00'
      },
      {
        status: 'shipped',
        time: '2023-02-16 9:00:00'
      }
    ]
  }
];
     function fn(stus){
       const arr= orders.filter(function(item,index){
            return item.status===stus
        })
        // console.log(arr); 
        const arr1=arr.map(function(item){
            const {log}=item
            const log1=log.filter(function(item){
                return item.status===stus
            })
            item.log=log1
            return item
        })
        // console.log(arr1);

        arr1.sort(function(a,b){
            return a.id-b.id
        })
        console.log(arr1);

     }
     fn('shipped')

    </script>
    
</body>
</html>